<template>
  <footer class="footer">
    <div>
      <a class="footer__text" href="https://www.paixin.com/">PAIXIN.COM</a>
      <a-divider type="vertical" />
      <img :src="paixinIcon" style="width: 24px; margin-bottom: 4px" />
      <a-divider type="vertical" />
      <a class="footer__text" href="https://7mx.com/">7MAX.COM</a>
    </div>
    <div>
      <icon-font class="footer__copyright" type="px-copyright" />
      <span class="footer__text">&nbsp;2021 拍信事业部出品</span>
    </div>
  </footer>
</template>

<script setup lang="ts">
import paixinIcon from '@/assets/paixin_icon.svg'
</script>

<style lang="scss" scoped>
@include b(footer) {
  margin: 48px 0 24px;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  @include e(copyright) {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.45);
  }
  @include e(text) {
    text-align: center;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
  }
}
</style>
